<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/modules/cms/front/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
	<title>首页</title>
	<meta name="decorator" content="cms_default_${site.theme}" />
	<meta name="description" content="JeeSite ${site.description}" />
	<meta name="keywords" content="JeeSite ${site.keywords}" />

	<link href="img/favicon.ico" rel="shortcut icon" type="image/x-icon">

	<link type="text/css" rel="stylesheet" href="${ctxStaticTheme}/css/flexslider.css" />
	<link type="text/css" rel="stylesheet" href="${ctxStaticTheme}/css/jquery.mmenu.all.css" />
	<link type="text/css" rel="stylesheet" href="${ctxStaticTheme}/css/style.css" />
	<link href="${ctxStatic}/bootstrap/2.3.1/awesome/font-awesome.min.css" type="text/css" rel="stylesheet" />

	<script type="text/javascript" src="${ctxStaticTheme}/js/jquery.min.js"></script>
	<script type="text/javascript" src="${ctxStaticTheme}/js/jquery.mmenu.min.all.js"></script>
	<script type="text/javascript" src="${ctxStaticTheme}/js/jquery.flexslider.js"></script>
	<script type="text/javascript" src="${ctxStaticTheme}/js/o-script.js"></script>

</head>
<body>
<!-- Header -->
<div id="header">
	<a href="#menu"></a>
				<span id="Logo" class="svg">
					<img src="${site.logo}" />
				</span>
	<a class="backBtn" href="javascript:history.back();"></a>
</div>
<div class="subHeader"><i class="i-home i-small"></i>${category.name }</div>


<!-- Content -->
<div id="content">

	<c:forEach items = "${articles }" var = "article">
	
	<article>
					<img src="img/blog/1.jpg" />
					<h2><a href="blog-single-post.html">Tech News</a></h2>
					<p>
						<span class="c-red">Lorem ipsum</span> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
					</p>
					<div class="a-meta">
						<a href="blog-single-post.html"><i class="i-comments i-small"></i>6 Comments</a> 
						<a href="about.html"><i class="i-author i-small"></i>John Doe</a> 
						<a href="blog-single-post.html"><i class="i-calendar i-small"></i>31 Nov 2013</a>
					</div>
				</article>
	</c:forEach>
	
</div>
</body>
</html>